<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 给以下html标签增加自定义属性

    const elStr = '<link href="//storage.360buyimg.com/retail-mall/mall-common-component/pre/0.0.6/css/index.aba7814f.css" rel="stylesheet" />'
    // const elStr = '<script type="text/javascript" src="https://storage.360buyimg.com/retail-mall/lib/eventemiter.js?t=1"><\/script>';
    // const elStr = '<script>var a= 1<\/script>';

    // // 匹配 <link ... /> 这种的
    // const newElStr = elStr.replace(/(<[^>]+)(\/>)/, function () {
    //     console.log(arguments)
    //     return `${arguments[1]} data-s=base ${arguments[2]}`
    // })
    // console.log(newElStr)


    // // 匹配 <script ... ><\/script> 这种的
    // const newElStr = elStr.replace(/(<[^>]+)(>)/, function () {
    //     console.log(arguments)
    //     return `${arguments[1]} data-s=base${arguments[2]}`
    // })
    // console.log(newElStr)

    // 使用循环
    function addElAttr (elStr) {
        let newStr = ''
        // 找到第一个 > 的位置
        const index = elStr.indexOf('>')
        // 判断前一个字符是不是 /
        if (elStr.charAt(index - 1) === '/') {
            newStr = newStr = `${elStr.substring(0, index - 1)} data-s=base ${elStr.substring(index - 1)}`
        } else {
            newStr = `${elStr.substring(0, index)} data-s=base${elStr.substring(index)}`
        }
        return newStr
    }

    console.log(addElAttr(elStr))
</script>
</body>
</html>